<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<!----导入bootstrap的外部css文件---->
<link href="${basePath}bootstrap-3.3.7-dist/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${basePath}bootstrap-3.3.7-dist/css/style.css"
	rel="stylesheet">
<link href="${basePath}bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"
	rel="stylesheet" />
<!----导入bootstrap的依赖的jquery文件---->
<script src="${basePath}bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<!----导入bootstrap的外部javascript文件---->
<script src="${basePath}bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<style>
/*主体div*/
#container {
	/*相对于body，主体框架居中*/
	margin: 0px auto;
	width: 1000px;
}
</style>
<!-- easyui --->
<link rel="stylesheet" type="text/css"
	href="${basePath}jquery-easyui-1.5.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${basePath}jquery-easyui-1.5.2/themes/icon.css">
<!-- <link rel="stylesheet" type="text/css"	href="${basePath}jquery-easyui-1.5.2/demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>  -->
<script type="text/javascript"
	src="${basePath}jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('#admin_infoquery_datagrid').datagrid({
			url : '${basePath}AdminInfoEasyUIQueryServlet',
			title:'',
			fit : true,
			fitColumns : true,
			border : false,
			pagination : true,
			idField : 'adminId',
			pageSize : 10,
			pageList : [ 10, 20, 30, 40, 50 ],
			sortName : 'adminId',
			sortOrder : 'desc',
			checkOnSelect : false,
			selectOnCheck : false,
			nowrap : false,
			columns : [ [{
				title : '',
				field : 'adminId',
				/* width : 150, */
				checkbox : true
			},{
				title : '姓名',
				field : 'adminName',
				/* width : 150, */
				sortable : true
			}, {
				title : '电话',
				field : 'adminTel',
			/* width : 150 */
			}, {
				title : '邮箱',
				field : 'adminMail',
				/* width : 150, */
				sortable : true
			} ] ]
		/* toolbar : '#admin_buggl_toolbar' */
		});
	});

	// 查询按钮操作
	function doQuery() {
		// datagrid重新加载查询之后的数据
		$('#admin_infoquery_datagrid').datagrid('load', {
			adminName : $('#queryform').find('[name=adminName]').val(),
			adminMail : $('#queryform').find('[name=adminMail]').val()
		});
	}
</script>

</head>

<body>
	<div id="container">
		<form id="queryform" class="form-horizontal" >
			<div class="form-group"></div>
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="adminName"
						name="adminName" placeholder="用户名">
				</div>
				<label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="adminMail"
						name="adminMail" value="${modifyAdminB.adminMail }"
						placeholder="邮箱">
				</div>

			</div>
			<div class="form-group">


				<label for="inputEmail3" class="col-sm-2 control-label">电话</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="adminTel"
						name="adminTel" value="${modifyAdminB.adminTel }" placeholder="电话">
				</div>
				<label for="inputEmail3" class="col-sm-2 control-label">出生日期</label>
				<div class="col-sm-4">
					<input type="date" class="form-control" id="adminBirthday"
						name="adminBirthday" value="${modifyAdminB.adminBirthday }"
						placeholder="出生日期">
				</div>
			</div>

			<div class="form-group">
				<div class="col-sm-offset-4 col-sm-10">
					<button type="button" class="btn btn-default" onclick="doQuery();">查询</button>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<button type="reset" class="btn btn-default">重置</button>
				</div>
			</div>
		</form>
		<div>
			<table id="admin_infoquery_datagrid" class="easyui-datagrid"
				title="Basic DataGrid" style="width: 700px; height: 250px">

			</table>
		</div>
	</div>
</body>

</html>